<script setup lang="ts">
import TotalPeopleDaily from "@/views/dashboards/default/components/TotalPeopleDaily.vue";
import TotalSalesDaily from "@/views/dashboards/default/components/TotalSalesDaily.vue";
import TotalWarehouseConsumption from "@/views/dashboards/default/components/TotalWarehouseConsumption.vue";
import TotalDataVisualization from "@/views/dashboards/default/components/TotalDataVisualization.vue";
import SeatUtilizationRate from "@/views/dashboards/default/components/SeatUtilizationRate.vue";
</script>

<template>
  <v-row>
    <!-- -------------------------------------------------------------------- -->
    <!-- Total Earning -->
    <!-- -------------------------------------------------------------------- -->
    <v-col cols="12" md="4">
      <TotalPeopleDaily />
    </v-col>
    <!-- -------------------------------------------------------------------- -->
    <!-- Total Order -->
    <!-- -------------------------------------------------------------------- -->
    <v-col cols="12" md="4">
      <TotalSalesDaily />
    </v-col>
    <!-- -------------------------------------------------------------------- -->
    <!-- Total Income -->
    <!-- -------------------------------------------------------------------- -->
    <v-col cols="12" md="4">
      <TotalWarehouseConsumption />
    </v-col>

    <!-- -------------------------------------------------------------------- -->
    <!-- Total Growth -->
    <!-- -------------------------------------------------------------------- -->
    <v-col cols="12" lg="8">
      <TotalDataVisualization />
    </v-col>

    <!-- -------------------------------------------------------------------- -->
    <!-- Popular Stocks -->
    <!-- -------------------------------------------------------------------- -->
    <v-col cols="12" lg="4">
      <SeatUtilizationRate />
    </v-col>
  </v-row>
</template>
